<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>交易管理</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="../style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="../style/dist/hover.css">

    <link rel="stylesheet" href="../style/h-base.css">
    <link rel="stylesheet" href="../style/h-index.css">
</head>
<body class="childrenBody">

<!--nav 部件-->
<div class="nav_list">
    <div class="text_title" style="float: inherit">待完善职工（222）</div>
</div>
<!--搜索内容-->
<div class="search_form" style="background-color: #F7F7F7">
    <div class="row">
        <div class="col-sm-4 "  style="float:right;">
            <div class="input-group">
                <span class="input-group-addon fix-border fix-padding"></span>
                <select class="form-control">
                    <option value="1">所属工会</option>
                    <option value="1">...</option>
                </select>
                <span class="input-group-addon fix-border fix-padding"></span>
                <input type="text" class="form-control" placeholder="社区/乡/镇">
                <span class="input-group-btn">
          <button class="btn btn-primary" type="button">搜索</button>
        </span>
            </div>
        </div>
        <div class="col-sm-8" style="float:right;">
            <div class="input-group input_jygl">
                <span class="input-group-addon fix-border fix-padding">发放机构</span>
                <select class="form-control">
                    <option value="1">近一个月</option>
                    <option value="1">...</option>
                </select>
                <span class="input-group-addon fix-border fix-padding">身份证</span>
                <select class="form-control">
                    <option value="1">补贴订单</option>
                    <option value="1">...</option>
                </select>
                <span class="input-group-addon fix-border fix-padding">企业</span>
                <select class="form-control">
                    <option value="1">已回款</option>
                    <option value="1">...</option>
                </select>
            </div>
        </div>

    </div>
</div>
<!--选项卡-->
<div class="tab_list_header">
    <div class="row">
        <div class="col-sm-12">
            <table class="table table-borderless">
                <thead>
                <tr>
                    <th width="50"></th>
                    <th>姓名</th>
                    <th>手机号码</th>
                    <th>身份证号码</th>
                    <th>所属企业</th>
                    <th>所属工会</th>
                    <th>申请时间</th>
                    <th>所属步骤</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <input type="checkbox"  name="table_checkbox"  id="checkbox_01">
                        <label for="checkbox_01"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox"  name="table_checkbox"  id="checkbox_02">
                        <label for="checkbox_02"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox"  name="table_checkbox"  id="checkbox_03">
                        <label for="checkbox_03"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox"  name="table_checkbox"  id="checkbox_04">
                        <label for="checkbox_04"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-sm-12">
            <div style="padding: 0 8px">
                <div class="pull-left"   id="qx_checkbox">
                    <input type="checkbox"  name="qx_btn" id="btn_01">
                    <label for="btn_01">全选</label>
                </div>
                <div class="pull-right">
                    <button class="btn btn-primary btn_add pull-right">批量发送短信</button>
                </div>
            </div>

        </div>
    </div>
</div>


<!--nav 部件-->
<div class="nav_list" style="margin-top: 20px">
    <div class="text_title" style="float: inherit">驳回</div>
</div>
<!--搜索内容-->
<div class="search_form" style="background-color: #F7F7F7">
    <div class="row">
        <div class="col-sm-4 "  style="float:right;">
            <div class="input-group">
                <span class="input-group-addon fix-border fix-padding"></span>
                <input type="text" class="form-control" placeholder="姓名">
                <span class="input-group-btn">
          <button class="btn btn-primary" type="button">搜索</button>
        </span>
            </div>
        </div>
        <div class="col-sm-8" style="float:right;">
            <div class="input-group input_jygl">
                <span class="input-group-addon fix-border fix-padding">所在工会</span>
                <input type="text" class="form-control" placeholder="第一步">
                <span class="input-group-addon fix-border fix-padding">所在企业</span>
                <input type="text" class="form-control" placeholder="不为空">
            </div>
        </div>

    </div>
</div>
<!--选项卡-->
<div class="tab_list_header">
    <div class="row">
        <div class="col-sm-12">
            <table class="table table-borderless">
                <thead>
                <tr>
                    <th width="50"></th>
                    <th>姓名</th>
                    <th>手机号码</th>
                    <th>身份证号码</th>
                    <th>所属企业</th>
                    <th>所属工会</th>
                    <th>驳回时间</th>
                    <th>驳回状态</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <input type="checkbox"  name="table_checkbox_2"  id="checkbox_05">
                        <label for="checkbox_05"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">市工会驳回</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox"  name="table_checkbox_2"  id="checkbox_06">
                        <label for="checkbox_06"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox"  name="table_checkbox_2"  id="checkbox_07">
                        <label for="checkbox_07"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox"  name="table_checkbox_2"  id="checkbox_08">
                        <label for="checkbox_08"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-sm-12">
            <div style="padding: 0 8px">
                <div class="pull-left"   id="qx_checkbox">
                    <input type="checkbox"  name="qx_btn" id="btn_02">
                    <label for="btn_02">全选</label>
                </div>
                <div class="pull-right">
                    <button class="btn btn-primary btn_add pull-right">批量发送短信</button>
                </div>
            </div>

        </div>
    </div>
</div>



<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../style/dist/zui@1.8.1/js/zui.min.js"></script>

<script>
    $(function () {
        $('#btn_01').on('click',function(){
            $("input[name='table_checkbox']").prop('checked',this.checked);
        });

        $("input[name='table_checkbox']").on('click',function() {
            var $subs = $("input[name='table_checkbox']");
            $("#btn_01").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);
        });



        $('#btn_02').on('click',function(){
            $("input[name='table_checkbox_2']").prop('checked',this.checked);
        });

        $("input[name='table_checkbox_2']").on('click',function() {
            var $subs = $("input[name='table_checkbox_2']");
            $("#btn_02").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false);
        });
    })
</script>

</body>
</html>